<script lang="ts">
import {defineComponent} from "vue"

export default defineComponent({
  name: "HelpIcon",
  props: {
    size: {
      type: [Number, String],
      default: 16
    },
    color: {
      type: String
    },
    title: {
      type: String
    },
    contetn: {
      type: String,
      required: true
    }
  }
})
</script>

<template>
  <el-tooltip v-if="contetn.length" effect="dark">
    <template #content>
      <el-scrollbar style="max-width: 250px;" max-height="150px">
        <h3 v-if="title">{{ title }}</h3>
        {{ contetn }}
      </el-scrollbar>
    </template>
    <template #default>
      <app-icon class="app-tap" :size :color name="QuestionFilled"/>
    </template>
  </el-tooltip>
</template>